page {
	background-color: #F0F2F3;
}

.salary_management {
	overflow-x: hidden;
	overflow-y: auto;
	padding-bottom: calc(120rpx + env(safe-area-inset-bottom));

	.time {
		padding-left: 32rpx;
		margin: 25rpx 0;
		text-align: center;
		line-height: 46rpx;
		font-size: 26rpx;

		.input {
			border: 1px solid #8BB94F;
			width: 360rpx;
			color: #8BB94F;
			height: 56rpx;
			line-height: 56rpx;

			&.input-all {
				width: 228rpx;
				border-color: #cacaca;
				color: #333;
				text-align: left;
				padding: 0 20rpx;
				display: flex;
				justify-content: space-between;
			}
		}

	}

	.content {
		margin-top: 15rpx;

		.item {
			background-color: #fff;
			margin-bottom: 15rpx;
			padding: 0 32rpx;

			.price_title {
				box-sizing: border-box;
				font-size: 28rpx;
				color: #323233;
				height: 88rpx;
				padding: 20rpx 0;
				display: flex;
				flex-direction: row;
				flex-wrap: nowrap;
				align-items: center;
				justify-content: space-between;
				border-bottom: 1rpx solid #ebedf0;

				.content_item_checkbox {
					--checkbox-checked-icon-color: var(--my-primary);
				}

				.price_status {
					color: #F82E2E;
					font-size: 24rpx;
				}
			}

			.price_time {
				box-sizing: border-box;
				font-size: 28rpx;
				color: #323233;
				height: 88rpx;
				padding: 20rpx 0;
				display: flex;
				flex-direction: row;
				flex-wrap: nowrap;
				align-items: center;
				justify-content: space-between;
				border-bottom: 1rpx solid #ebedf0;
			}

			.price_info {
				padding: 20rpx 0;
				font-size: 24rpx;
				color: #666;
				border-bottom: 1rpx solid #ebedf0;

				.info_item {
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
					height: 52rpx;
					line-height: 52rpx;
				}

				.item_flex {
					display: flex;
					flex-direction: row;
					flex-wrap: nowrap;

					.info_sub_item {
						width: 50%;
						text-align: left;
					}
				}
			}
		}
	}

	.confirm_price_wrap {
		height: 120rpx;
		background-color: #fff;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding: 0 32rpx env(safe-area-inset-bottom);

		.check_all {
			width: 160rpx;

			.content_item_checkbox {
				--checkbox-checked-icon-color: var(--my-primary);
			}
		}

		.confirm_price_info {
			flex: 1;
			text-align: right;
			color: #666;
			font-size: 24rpx;
			padding-right: 30rpx;
			display: flex;
			flex-direction: column;

			.total_price {
				color: #5FB257;
				font-size: 28rpx;
			}
		}

		.confirm_price_btn {
			width: 200rpx;
		}
	}
}

.confirm_price_dialog {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	background-color: #fff;
	border-radius: 10rpx;
	overflow: hidden;

	.title {
		color: #000;
		font-size: 32rpx;
		height: 100rpx;
		line-height: 100rpx;
		text-align: center;
		font-weight: bold;
	}

	.content {
		margin-bottom: 50rpx;

		.tip {
			font-size: 28rpx;
			color: #999;
			text-align: center;
			padding: 20rpx 0;
			border-bottom: 1rpx solid #ebedf0;
		}

		.unit_price {
			text-align: center;
		}

		.field_value {
			--cell-value-color: #333;
			--cell-text-color: #333;
		}

		.field_value_class {
			text-align: left;
		}

		.item_checkbox {
			--checkbox-checked-icon-color: var(--my-primary);
		}
	}

	.footer {
		height: 90rpx;
		line-height: 90rpx;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;

		.click_actived {
			background-color: #eee;
		}

		.submit {
			width: 100%;
			text-align: center;
			color: var(--my-primary);
			border-top: 1rpx solid #CACACA;
		}
	}
}